<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户评论</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }

        h3, p {
            text-align: center;
        }

        table {
            width: 80%;
            margin: 20px auto;
            border-collapse: collapse;
        }

        th, td {
            padding: 10px;
            border: 1px solid #ddd;
        }

        th {
            background-color: #f2f2f2;
        }

        form {
            margin: 10px auto;
            text-align: center;
        }

        label, input, select {
            margin-bottom: 10px;
        }

        input[type="text"],  input[type="radio"] {
            padding: 8px;
            font-size: 14px;

        }
        input[type="submit"]{
            padding: 8px 16px;
            background-color: #27ba9b;
            color: #fff;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        hr {
            margin: 20px auto;
        }
    </style>
</head>

<body>

<p style="text-align: center;font-size: 20px">顾客评论管理</p>
<table style="text-align: center">
    <tr>
        <td>评论编号</td><td>顾客编号</td><td>顾客名称</td><td>发布时间</td><td>评论内容</td>
    </tr>

    <form style="text-align: center;" id="commentTable" method="get">
        <input type="hidden" name="personAffected" value="comment">
        <input type="submit" id="update_comment" value="修改" >
        <input type="submit" id="delete_comment" value="删除" >
    </form>

</table>


<h3 style="text-align: center">顾客评论信息查询</h3>

<form id="selectTable" method="get">
    <input type="hidden" name="personAffected" value="comment">
    <label for="all">查询全部评论:</label>
    <input type="submit" id="all" value="查询">
    <br>
    <label>按照评论id查询:</label>
    <input type="text" name="ccid"> <input type="submit" id="by_ccid" value="查询">
    <br>
    <label>根据顾客id查询:</label>
    <input type="text" name="cid"> <input type="submit" id="by_cid" value="查询">
    <br>
    <label>根据顾客名称查询:</label>
    <input type="text" name="cname"> <input type="submit" id="by_cname" value="查询">
    <br>
    <!-- 单选按钮 -->
    <label>按照发布时间查询:</label>
    <input type="radio"  name="cc_time" value="latest" checked>
    <label>最近</label>
    <input type="radio"  name="cc_time" value="earliest">
    <label>最晚</label>
    <input type="submit" id="orderBy_cc_time" value="查询">
    <br>
    <p style="text-align: center">

        <input type="submit" id="cmd_page_first" value="首页">|
        <input type="submit" id="cmd_page_before" value="上一页">|
        <input type="submit" id="cmd_page_next" value="下一页">|
        <input type="submit" id="cmd_page_last" value="尾页">
    </p>
</form>
<hr>
<table width="80%" border="1" align="center">
    <tr>
        <th width="15%">评论编号</th>
        <th width="15%">顾客编号</th>
        <th width="15%">顾客名称</th>
        <th width="15%">发布时间</th>
        <th width="40%">评论内容</th>
    </tr>


</table>
</body>
</html>